import React from 'react';
import { styled } from '@storybook/theming';

const Svg = styled.svg`
  display: inline-block;
  vertical-align: middle;
`;

export default function Logo({ ...props }) {
  return (
    <Svg width="429px" height="84px" viewBox="0 0 429 84" {...props}>
      <path
        fill="#333333"
        id="logotype-characters"
        d="M328.514,28.754c8.295,0,14.537,4.567,14.537,14.51v19.881h-8.294l0.244-4.809
	c-2.467,3.607-5.75,5.53-10.842,5.53c-6.817,0-12.406-3.125-12.406-10.661c0-6.979,5.752-10.02,13.556-10.102h9.448
	c0-5.373-2.465-7.617-6.899-7.617c-3.57,0-5.947,1.205-7.725,2.737l-5.992-3.376l-0.084-0.083c0.053-0.06,0.104-0.123,0.156-0.178
	C317.236,31.157,321.323,28.754,328.514,28.754L328.514,28.754z M334.757,51.357v-2.645h-8.872c-3.615,0-5.998,1.284-5.998,4.253
	c0,2.884,2.301,4.405,6.572,4.405C331.307,57.371,334.757,55.045,334.757,51.357L334.757,51.357z M422.359,52.786L429,56.529
	c-3.266,4.436-8.587,7.337-14.611,7.337c-9.935,0-17.985-7.862-17.985-17.558c0-9.694,8.05-17.555,17.985-17.555
	c6.016,0,11.32,2.889,14.59,7.309l-6.642,3.745c-1.994-2.309-4.897-3.632-7.948-3.625c-5.72,0-10.374,4.542-10.374,10.125
	c0,5.582,4.654,10.127,10.374,10.127C417.588,56.436,420.452,55.016,422.359,52.786z M130.956,52.786l6.641,3.743
	c-3.266,4.436-8.587,7.337-14.611,7.337c-9.935,0-17.986-7.862-17.986-17.558c0-9.694,8.05-17.555,17.986-17.555
	c6.015,0,11.32,2.889,14.59,7.309l-6.642,3.745c-1.995-2.309-4.897-3.632-7.948-3.625c-5.72,0-10.374,4.542-10.374,10.125
	c0,5.582,4.654,10.127,10.374,10.127C126.185,56.436,129.05,55.016,130.956,52.786L130.956,52.786z M252.402,29.476h8.296
	l-0.164,5.772c2.302-4.248,5.833-6.494,10.27-6.494c5.009,0,8.298,2.322,10.104,6.412c2.71-4.007,6.817-6.412,11.827-6.412
	c8.131,0,12.976,5.292,12.976,13.867v20.523h-8.293V43.424c0-4.651-1.728-7.216-6.491-7.216c-4.842,0-7.721,2.887-7.721,8.5v18.437
	h-8.293V43.424c0-4.651-1.646-7.216-6.41-7.216c-4.93,0-7.804,2.887-7.804,8.5v18.437h-8.296V29.476z M143.595,10h8.294v25.407
	c2.22-4.167,6.328-6.653,11.506-6.653c7.634,0,12.894,5.292,12.894,14.432v19.959h-8.3V43.826c0-4.811-2.297-7.618-7.147-7.618
	c-5.42,0-8.953,3.208-8.953,8.66v18.276h-8.294L143.595,10L143.595,10z M227.83,28.754c9.939,0,17.988,7.86,17.988,17.555
	c0,9.695-8.049,17.558-17.988,17.558c-9.932,0-17.986-7.862-17.986-17.558C209.844,36.614,217.898,28.754,227.83,28.754
	L227.83,28.754z M227.83,36.184c-5.717,0-10.373,4.541-10.373,10.125c0,5.582,4.656,10.127,10.373,10.127
	c5.727,0,10.381-4.545,10.381-10.127C238.211,40.725,233.557,36.183,227.83,36.184L227.83,36.184z M184.535,29.476h8.3l-0.085,6.331
	c2.305-5.29,6.245-6.974,10.024-6.974c1.768,0,3.16,0.29,4.345,0.78c0.467,0.19,1.443,0.648,2.393,1.342c0,0-1.15,1.396-2.161,3.094
	c-1.016,1.7-1.702,3.522-1.702,3.522c-1.314-0.64-2.63-1.124-4.517-1.124c-4.929,0-8.297,2.806-8.297,10.344v16.354h-8.3V29.476
	L184.535,29.476z M380.792,63.195V29.476h8.392v33.719H380.792z M379.477,16.391c0-3.05,2.549-5.3,5.51-5.3
	c2.963,0,5.514,2.25,5.514,5.3c0,3.21-2.551,5.378-5.514,5.378C382.025,21.769,379.477,19.602,379.477,16.391z M354.743,51.797V36.3
	h-5.183v-6.824h5.183V10h8.309v19.477h9.214V36.3h-9.214v15.655c0,3.855,1.317,4.98,3.455,4.98c1.976,0,3.209-0.885,4.113-1.607
	l3.95,5.459c-1.73,1.607-4.444,3.213-8.887,3.213C359.186,64,354.742,60.788,354.743,51.797L354.743,51.797z"
      />
      <circle fill="#FC521F" cx="42" cy="42" r="42" />
      <path
        fill="#FFFFFF"
        d="M51.87,61.316l-6.674-3.852l20.078-11.581c0.77-0.444,1.495-0.954,2.17-1.522
	c2.61,3.716,2.866,8.609,0.54,12.639c-2.118,3.645-6.014,5.891-10.23,5.895c-2.057,0-4.09-0.545-5.884-1.58V61.316z M50.262,64.098
	c0.77,0.445,1.574,0.819,2.405,1.12C50.75,69.332,46.638,72,41.98,72c-6.502,0-11.795-5.287-11.795-11.785V37.051l10.187,5.879
	v14.535c0,0.574,0.307,1.104,0.804,1.391L50.262,64.098z M26.237,62.893c-4.213-0.004-8.107-2.247-10.225-5.891
	c-1.572-2.704-1.995-5.926-1.176-8.943c0.802-3.025,2.78-5.602,5.495-7.158l6.672-3.85l0.001,23.16c0,0.889,0.076,1.77,0.231,2.643
	C26.903,62.88,26.569,62.893,26.237,62.893z M52.2,34.268l-10.184,5.875l-12.6-7.267c-0.498-0.286-1.109-0.286-1.607,0l-9.086,5.241
	c-0.77,0.443-1.496,0.95-2.172,1.521c-2.608-3.715-2.863-8.609-0.539-12.639c2.118-3.646,6.013-5.891,10.229-5.896
	c2.055,0,4.09,0.548,5.884,1.582L52.2,34.268z M41.98,12c6.505,0,11.795,5.287,11.795,11.788v7.7l-20.072-11.58
	c-0.768-0.445-1.574-0.82-2.408-1.122C33.211,14.669,37.325,12,41.98,12z M67.983,27.003c3.25,5.629,1.314,12.851-4.319,16.101
	l-20.075,11.58V42.932l12.599-7.269c0.498-0.287,0.805-0.817,0.805-1.391V23.788c0-0.885-0.08-1.767-0.232-2.636
	C61.317,20.772,65.686,23.05,67.983,27.003z"
      />
    </Svg>
  );
}
